@charset "utf-8";
 
 
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight:100;
}

html,
body {
  height: 100%;
	
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
  display: block;
}

b,
strong {
/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}

li {
/*
  For IE6 + IE7.
*/
  display: list-item; list-style:none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td,
caption {
  font-weight: normal;
  vertical-align: top; 
}

q {
  quotes: none;
}

q:before,
q:after {
  content: '';
  content: none;
}

sub,
sup,
small {
  font-size: 75%;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg {
/*
  For IE9.
*/
  overflow: hidden;
}

body{ margin:0; padding:0; font-size:12px; font-family:"微软雅黑";  color:#333;}
a{ font-size:12px; font-family:"宋体",Arial, Helvetica, sans-serif; text-decoration:none; color:#333;}
.clear{ clear:both;}



	
	.fleft{ float:left;}
	.fright{ float:right;}
	.top10{ margin-top:10px;}
	.bot10{ margin-bottom:10px;}
	.left10{ margin-left:10px;}
	.right10{ margin-right:10px;}
	.bot05{ margin-bottom:5px;}
	/* CSS Document */
.wdiv{ width:1100px; margin:0px auto; padding:0px auto;}

#container{ width:100%; height:auto;}

#header{ width:100%; height:130px; position:absolute; z-index:100; }
.top{ width:100%; height:35px; background-color:#eeeeee; border-bottom:solid 1px #dddddd;color:#333;}
.top ul{ margin:0 auto; height:35px; line-height:35px; }
.top .bar{ float:right;}
.top .bar a{ background:url(/images/topbar.png) no-repeat -5px top; color:#333; height:25px; line-height:25px; padding:0 4px 0 22px; display:inline-block;}
.top .bar a.txwb{ background-position:-3px top;}
.top .bar a.xlwb{ background-position:-3px -25px;}
.top .bar a.xlbk{ background-position:-5px -100px;}
.top .bar a.scbz{ background-position:-3px -50px;}
.top .bar a.wzdt{ background-position:-5px -75px;}
 
.logo{ float:left; height:58px; margin-right:34px;}
.logo h1{ float:left; height:58px; margin:0 auto;}
.backgroundColor { background:#fff; background-repeat:repeat-x; height:90px;}

.rexian{ float:right; height:100%; padding-top:25px;}

.menu{ height:90px;overflow:hidden; bottom:0px; float:right;}
.menu ul{ height:100%; margin:0 auto;}
.menu ul li{ float:left; margin:0px 30px; padding:0px; height:90px; text-align:center; box-sizing: border-box; }
.menu ul li a{ line-height:90px;font-family:"微软雅黑"; font-size:16px; color:#2c2f34; height:90px; }
.menu ul li a:hover { color:#c4261d;}
.menu ul li:hover{ text-decoration:none;  text-align:center;}
.menu ul .lihover{border-bottom:3px solid #c4261d; } 
.menu ul .on a {color:#c4261d;}

.bar { width: 100%; height: 40px; }
.bar_text { float: right;}
.re img { width: 16px; height: 16px;}
.re span { color: #fff; font-size: 16px; font-family:"微软雅黑"; font-weight: bold; line-height: 40px; }
.re { float: left; margin-right: 32px;}
.language { float: right;}
.language span { line-height: 40px; color: #fff; font-size: 16px; font-family: "arial, helvetica, sans-serif"; font-weight: 200; }


.search ul{ height:40px; line-height:40px; color:#8a8a8a;}
.search a { color: #8a8a8a; margin: 0 10px 0 0;}
.search a:hover{ color:#ffc001;}
.input_s { float:left; background: url("/images/searchbg.jpg") repeat scroll left top;color: #C5C5C5; height: 25px;line-height: 25px;padding: 0 0 0 20px; width: 195px; border:0; margin-top:8px;}
.submit_s { float:left; background: url("/images/searchbg.jpg") repeat scroll right top; cursor: pointer; height: 25px; margin: 8px 10px 0; width: 57px; border:0;}

#banner_i{ width:100%;  text-align:center;}
#banner{ width:100%; height:250px; text-align:center;}

#main{ background-position:top center; background-repeat:no-repeat; margin:0 auto; height:auto; padding-bottom:10px; background-color:#fff; height:558px;}
.oneDiv{ padding-top:39px;}
.neiyeDiv{ padding-top:0px;}

.more { width:130px; text-align:center;  margin:0px auto;}
.more a { width:130px; height:40px; border:1px solid #eeeeee; color:#eeeeee; line-height:40px; display:block; margin-top:40px; font-family:"微软雅黑"; font-size:18px;}
.iproser-li { width:1000px; height:240px; float:left; margin-left:24px;}
.iproser-li ul { width:1000px; height:240px;}
.iproser-li ul li { width:240px; height:240px; border:1px solid #eeeeee; margin-right:8px; float:left;}
.iproser-li ul li img { width:240px; height:240px; }
.index-ctitle{ background-image:url(index-ctitle.jpg); background-repeat:repeat-x; width:100%; height:57px; position:relative;}
.index-ctitle span{ width:382px; height:100%; display:block;margin:0px auto;  position:relative;}
.index-ctitle span img{ position:absolute; margin-top:-7px;}
.index-ctitle p{ float:right; padding-right:8px; display:block; margin-top:-50px;}



.sidebar h3,.sidebara h3{  padding:15px 35px 8px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:18px; color:#fff; background-color:#1d63ab; background-repeat:no-repeat; background-position:8px 25px; border-bottom:solid 3px #e60012; height:80px; text-align:center; text-transform:uppercase; line-height:80px;}



.tjcp h3,.slzs h3,.gywm h3,.khal h3,.gsdt h3,.hyzx h3,.lxwm h3,.rightbar h3{ height:41px; line-height:41px; text-indent:8px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:16px; color:#333;}
.slzs h3 label,.gywm h3 label,.khal h3 label,.hyzx h3 label,.lxwm h3 label,.gsdt h3 label{ color:#b1b1b1;}

.tjcp{ width:945px; float:right; }
.tjcp ul{ padding:0 0px;}
.tjcp ul li{ float:left; width:25%; height:300px; overflow:hidden;position:relative;} 
.tjcp ul li .tjcp-div{ width:235px; height:99%; overflow:hidden; text-align:center; margin:0px auto; position:relative; z-index:0} 
.tjcp ul li span{ width:99.9%; height:235px; display:block; overflow:hidden;text-align:center; border:1px solid #dddddd;}
.tjcp ul li span:hover{ border:1px solid #ccc;}
.tjcp ul li span img{max-width:100%;height:100%; vertical-align:middle; text-align:center;overflow:hidden;}
.tjcp ul li p{ width:100%; height:42px; line-height:42px; text-align:center; background-color:#a7a7a8; overflow:hidden; border-top:solid 1px #fff;}
.tjcp ul li a{font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:14px; color:#000;}
.tjcp ul li .tjcp-div:hover p{ background-color:#c7cbd5;}
.tjcp ul li .tjcp-div:hover a{ color:red}

.tjcp ul li .media-hover{position: absolute;left: 0;top: 0;right: 0; bottom: 0; width:0px; height:0px; margin:0px auto;}
.tjcp ul li .media-hover .tjcp-left,.tjcp ul li .media-hover .tjcp-right{ margin-top:0px; width:0px; height:0px; position:relative;  }
.tjcp ul li:hover .media-hover{position: absolute;left: 0;top: 0;right: 0; bottom: 0;background: #000;background: rgba(14,30,51,.4); width:235px; height:235px; margin:0px auto;color: #fff;transition: width 1s, height 1s, transform 2s;  -webkit-border-radius: 5px 5px 0 0; text-align: center;z-index:10;}
.tjcp ul li:hover .media-hover .tjcp-left,.tjcp ul li:hover .media-hover .tjcp-right{ margin-top:40%;  width:50px; height:50px; -webkit-border-radius:3px;background: rgba(16,30,51,0.5);position:relative;transition: width 2s, height 2s, transform 4s;  }
.tjcp ul li:hover .media-hover .tjcp-left{ float:left; margin-left:20%; background-image:url(ico-2.png);background-repeat:no-repeat;background-position:center 50%;}
.tjcp ul li:hover .media-hover .tjcp-right{ float:right; margin-right:20%; background-image:url(ico-3.png);background-repeat:no-repeat;background-position:center 50%;} 

.tjcp ul li:hover .media-hover .tjcp-left:hover{ background: rgba(16,30,51,1);background-image:url(ico-2.png);background-repeat:no-repeat;background-position:center 50%;}
.tjcp ul li:hover .media-hover .tjcp-right:hover{ background: rgba(16,30,51,1);background-image:url(ico-3.png);background-repeat:no-repeat;background-position:center 50%;}


.aboutusDiv{ width:100%; height:376px; background-image:url(aboutusbk.jpg); background-position:center; background-repeat:no-repeat; overflow:hidden; position:relative;}
.aboutusDiv_text { width:746px; height:52px; margin:0px  auto; padding-top:40px;}
.aboutusDiv-ctitle{ background:none;margin-top:40px;}
.aboutusDiv-ctext{ width:1100px; overflow:hidden; position:relative; margin:0px auto; margin-top:32px; line-height:36px; text-align:center; font-size:18px; color:#2c2f34; font-family:"微软雅黑";}

.aboutusDiv-ctext a.more { width:130px; height:40px; border:1px solid #004f99; color:#004f99; display:block; line-height:40px; font-size:18px; font-family:"微软雅黑"; margin-top:30px;}

.chejianDiv{ width:100%; height:415px; background-color:#eeeeee; overflow:hidden; position:relative; padding-top:35px;}
.texie1{ width:100%; margin:0px auto; height:244px; background-image:url(texie-1.jpg); background-repeat:no-repeat; background-position:center top;}
.texie2{ width:100%; margin:0px auto; height:455px; background-image:url(texie-2.jpg); background-repeat:no-repeat; background-position:center top;}
.texie3{ width:100%; margin:0px auto; height:409px; background-image:url(texie-3.jpg); background-repeat:no-repeat; background-position:center top;}
.texie4{ width:100%; margin:0px auto; height:407px; background-image:url(texie-4.jpg); background-repeat:no-repeat; background-position:center top;}

.newsDiv{ width:100%; background-color:#2c2f34; height:654px;}
.news_text { width:746px; height:52px; margin:0px auto; padding-top:72px;}
.new_content { width:534px; height:400px; float:left; margin-top:40px;}
.new_content ul li { width:100%; height:128px; border:3px solid #eeeeee; margin-bottom:8px;}
.new_content ul li img { width:177px; height:128px; float:left;}
.new_content ul li p { font-size:18px; color:#fff; font-family:"微软雅黑"; width:332px; float:right; text-align:left; line-height:18px; margin-top:25px; text-transform:uppercase;}
.new_content ul li span { font-size:16px; color:#999999; font-family:"微软雅黑"; width:332px; float:right; text-align:left; line-height:24px; margin-top:12px; display:block; }
.new_img { width:534px; height:418px; float:right; margin-top:40px;}
.newsDiv-ctitle{ background:none; height:178px;}

.contact { width:100%; height:632px; background-image:url(ditu.jpg); background-repeat:no-repeat;}
.contact_text {width:746px; height:52px; margin:0px auto; padding-top:40px;}

.company_img { width:360px; height:428px; position: relative;float: left; margin-top:40px;}

.focusBox .hd {
    position: absolute;
    z-index: 1;
    right: 14px;
    bottom: 14px;
}
.focusBox .hd ul li {
    float: left;
    margin-right: 3px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    cursor: pointer;
    font-family: Arial;
    color: #fff;
    background-color:#2c2f34;
}

.focusBox .hd ul li.on {
	 color:#fff;
	 background-color:#004f99;
	}


.contact_us { width:740px; height:428px; background-color:#fff; float:right; margin-top:40px;}
.contact_us .c1 { width:220px; height:30px; border:1px solid #eeeeee; float:left;}
.contact_us .c2 { width:140px; height:30px; border:1px solid #eeeeee; float:left;}
.contact_us .c3 { width:553px; height:30px; border:1px solid #eeeeee; float:left;}
.contact_us .c4 { width:553px; height:112px; border:1px solid #eeeeee; float:left;}
.contact_us .submit { width:602px; height:28px; background-color:#004f99; color:#fff; border:0px;}
.contact_us .submit:hover { text-decoration:underline;}
.contact_us .red1 { width:16px; height:30px; line-height:30px; float: left; color:#353c45; text-align:right; display:block;  }
.contact_us tr { margin-bottom:20px; float:left;}
.contact_us td {line-height:34px;}
.slzs{  margin:10px auto 0;}
.slzs h3{ height:40px; line-height:40px; text-indent:40px; background:url(/images/tit_slzs.png) no-repeat left top; font-size:24px;}

.slzs ul{}
.slzs ul li{ margin:10px 10px;}




.gywm{ background:none; padding:0;}
.gywm h3{ background:url(/images/tit_gywm.png) no-repeat left top; font-size:22px;}
.gywm .gsjj{ padding:20px 10px 20px 10px; line-height:22px; background:url(/images/rightbar.jpg) no-repeat left top #fff; height:190px; overflow:hidden;}
.gywm .zzzs{ padding:15px 10px 20px; border-top:1px dashed #d7d7d7; background-color:#fff;}
.gywm .zzzs li{ margin:0px 10px 0px;}
.gywm .zzzs li p{}

.khal{ height:460px; background:none;}
.khal h3{ background:url(/images/tit_khal.png) no-repeat left top; font-size:22px;}
.khal ul{ height:400px; padding:9px 0 10px 0; background-color:#fff; background:url(/images/rightbar.jpg) no-repeat left top #fff;}
.khal ul li { border: 1px solid #F5F5F5; display: inline; float: left; height: 40px; margin: 10px 4px 5px 4px; overflow: hidden; text-align: center; width: 100px; }
.khal ul li:hover{ border:1px solid #ffc001;}

.gsdt,.hyzx{ width:370px; height:420px; background-color:#fff; }
.newsDivBtBk{background-image:url(newsbkbt.jpg); background-position:center top; background-repeat:no-repeat; width:100%; height:24px; margin-top:10px;}
.bor{ height:3px; overflow:hidden;}
.one{ background-color:#00aeef;}
.two{ background-color:#f2078d;}
.three{ background-color:#eded31;}

.gsdt h3{ background:url(/images/tit_gsdt.png) no-repeat left top; text-indent:35px;}
.hyzx h3{ background:url(/images/tit_hyzx.png) no-repeat left top; text-indent:35px;}
.lxwm h3{ background:url(/images/tit_lxwm.png) no-repeat left top; text-indent:35px;}
 
.ewm {background: url("/images/ewm_bg.jpg") no-repeat scroll center top; height: 150px; margin: 0 auto; padding: 40px 0 5px; text-align: center; width: 200px;}

.gsdt ul,.hyzx ul{ padding:5px 15px 10px;}
.gsdt ul li,.hyzx ul li,#lefta .sidebara li{ padding:5px 0px 0; height:24px; line-height:24px; overflow:hidden; border-bottom:1px dashed #d7d7d7; background:url(/images/news_arc.jpg) no-repeat 8px center; text-indent:17px;}
.gsdt ul li label,.hyzx ul li label{ float:right; color:#999;}

.yqlj{ display:table; width:980px;padding:10px 0; background-color:#fff;}
.yqlj a{ margin:0 8px; line-height:22px; color:#676767;}

#footer{ width:100%;  background-repeat:no-repeat; background: #000; padding-bottom: 16px;} 
.footerdiv { padding: 52px 0px; box-sizing: border-box; }
.lxwmLi { width: 572px; float: left;}
.lxwmLi h2 { font-size: 20px; color: #b6b8be; font-weight: 500;}
.lxwmLi span  { font-size: 16px; color: #eee; line-height: 16px; padding:12px 0px; display: block;}
.lxwmLi img { padding-right: 10px;}
.lxwmLi dt { margin-bottom: 22px;}
.lxwmLi dd { font-size: 16px; color: #fff; margin-bottom: 20px;}
.lxwmLi a { font-size: 16px; }

.code { float: left; width: 110px; text-align: center;}
.code h2 { font-size: 20px; color: #b6b8be; font-weight: 500; text-transform: uppercase;}
.code span  { font-size: 16px; color: #eee; line-height: 16px; padding:12px 0px; display: block;}
.code dt { margin-bottom: 22px;}

.nav { width: 224px; float: right; text-align: right;}
.nav h2 { font-size: 20px; color: #b6b8be; font-weight: 500; text-transform: uppercase;}
.nav span  { font-size: 16px; color: #eee; line-height: 16px; padding:12px 0px; display: block;}
.nav dt { margin-bottom: 22px;}
.nav dd { width: 112px; float: left;margin-bottom: 20px;}
.nav dd a { font-size: 16px; color: #fff; font-family: "微软雅黑";}

.footerBorder{ border-top:solid 1px #fff; height:50px; line-height:50px; color:#fff; text-align:center; font-family: "微软雅黑"; font-size:12px;}

.logoer { width:160px; height:160px; float:right; margin:30px 0px 60px 0px;}

#lefta{ float:left; width:220px; margin:10px 10px 0 0; background-color:#fff; margin-bottom:10px;}
#left .sidebar{ width:100%; padding: 40px 0px; text-align: center;}
#left { width: 100%; }


.sidebar span { width: 150px; display: inline-block; margin: 10px 20px; position: relative;}
.sidebar span a { font-size: 16px;display: block;width: 150px;height: 35px;line-height: 35px; font-family: "微软雅黑"; background: #1d1e1e; color: #fff; }

.sidebar span.left1 a { background: #c4261d;}

.sidebar span.left2 a { background: #c4261d;}

.sidebar span.left1 a::after {position: absolute;
left: 50%;
bottom: -24px;
width: 0;
height: 0;
content: '';
margin-left: -10px;
border-width: 12px;
border-style: solid;
border-color: #c4261d #fff #fff;
overflow: hidden;}


#right,#righta{ float:right; width:850px; background-color:#fff; margin-top:10px;   padding:4px 0 0 0;}
#right{ margin-bottom:10px;}
#right .rightbar h3,#righta h3{ font-size:14px; font-family: "微软雅黑"; color:#000;border-bottom:solid 3px #e60012;} 

#product,#search{ line-height: 26px; min-height: 500px; overflow: hidden; padding-top: 15px;}
#product {background: #f4f4f4;padding: 64px 0px;}

.cent{ font-size:14px; min-height:200px; padding: 32px 0px;}
.cent a{ font-size:14px}

#news_list { background: #f4f4f4;padding: 64px 0px;}

.about_bk { background: #f4f4f4; padding: 64px 0px;}
#about { width: 100%; background: #fff; }
#about_text { padding: 16px; box-sizing: border-box; color: #505050; line-height: 2.2;}
#about_text p { font-size: 16px; text-indent: 2em;}

#about h1 { color: #585858; font-family: "微软雅黑"; font-size: 20px; line-height: 35px; text-align: center;}
#about .time { border-bottom: 1px dashed #D9D9D9; color: #878787; font-size: 12px; line-height: 30px; margin: 10px 0 15px; text-align: center;}
#about .time a {}
#about .imgshow img { margin: 10px auto; max-width: 600px;}
.bds_more { background: none repeat scroll 0 0;}


#product_list { background: #fff;padding: 64px 0px;}
#product_list ul { width: 100%; background: #fff; float: left; padding: 16px 0px;}

.main1 { padding: 32px 0px;}

#product_list ul li{ width: 25%; float:left; text-align: center; margin-bottom: 15px;}
#product_list ul li div{ width:260px; height:100%; margin:0px auto; overflow:hidden; position:relative;}
#product_list ul li div img{width: 100%;border-radius: 3px 3px 0 0;-webkit-border-radius: 3px 3px 0 0;-moz-border-radius: 3px 3px 0 0;-webkit-transform: translateZ(0px);}

#product_list ul li div .productImg{ width:260px; height:260px; margin:0px auto; display:table-cell; vertical-align:middle; text-align:center; border:solid 1px #ececec; overflow:hidden; position:relative;}
#product_list ul li div .productImg img{ max-width:100%; max-height:100%; margin:0px auto; display:table-cell; vertical-align:middle; text-align:center;}
#product_list ul li div p{ height:40px; width:100%; text-align:center; display:block; line-height:40px; background-color:#eeeeee; margin-top:1px;}

#product_list ul li div .productImgShow{ position:absolute; width:218px;height:218px; top:0px;left:0px; overflow:hidden;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;	opacity: 0;	transition: opacity 0.4s;	-webkit-transition: opacity 0.4s;	-moz-transition: opacity 0.4s;}
#product_list ul li div .productImgShow img{ transform:scale(2);-webkit-transform:scale(2) translateZ(0px);-moz-transform:scale(2);}

#product_list ul li:hover div p{ background-color:#003888;}
#product_list ul li:hover a{color:#fff;}

.time {
transition: all ease-out .3s 0s;
-webkit-transition: all ease-out .3s 0s;
-moz-transition: all ease-out .3s 0s;
-o-transition: all ease-out .3s 0s;
}

#product_list ul li:hover .productImg img {transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);}


.conNeiTitle{ width:100%; height:60px;text-align:left;  text-transform:uppercase; background: #f4f4f4;   }
.conNeiTitle-span1{font-family:'微软雅黑','幼圆'; font-size:16px;color:#676767; display:inline-block; float:left;line-height:60px; font-weight:bold; text-indent:10px; min-width:120px; padding-right:8px; }
.conNeiTitle-span1 span{ display:inline-block; width:17px; height:17px; background-image:url(images/title-1.jpg);  background-repeat:no-repeat;  margin-right:0px; margin-top:22px; float:left; margin-left:8px;}
.conNeiTitle-span2{font-family:'微软雅黑','幼圆'; font-size:14px;color:#676767; display:inline-block; float:left;line-height:60px; }
.conNeiTitle-span2 a {  font-size:14px;color:#676767; padding: 0px 2px; font-family:'微软雅黑','幼圆';}

#contact { padding: 64px 0px; float: left; width: 100%;}
#contact_left { width: 40%; float: left; }
#contact_left h2 {  font: 24px/48px '微软雅黑';  margin-bottom: 16px;}
#contact_left p { font: 16px/32px '微软雅黑'; margin-bottom: 16px;}

#contact_right { width: 56%; float: right;}

#new_content { padding: 64px 0px;}
#new_text { font-size: 16px; line-height: 2; margin-bottom: 64px; margin-top: 24px;}


 

#xg_pic,#xg_news,.content{ padding:4px 0 0 0;}
#xg_pic h2, #xg_news h2,.content h2{
	background: url("/images/tit_tjcp.jpg") no-repeat scroll 5px center;
    font-size: 16px;
	font-family:"微软雅黑";
    height: 39px;
    line-height: 39px;
    text-indent: 24px;
	border-bottom:1px dashed #d7d7d7;
}
#xg_news ul li {
    background: url("/images/news_arc.jpg") no-repeat scroll 10px center;
    border-bottom: 1px dashed #EEEEEE;
    float: left;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 0 1% 0 3%;
    width: 46%;
}

#marquee {
    margin-top: 10px;
    overflow: hidden;
    width: 100%;
}
#marquee dl{ width:500%;}
#marquee img {
}
#marquee dl, #marquee dt, #marquee dd, #marquee a {
    float: left;
    font-size: 12px;
    padding: 0;
    text-align: center;
}
#marquee a {
    margin: 0 5px;
    overflow: hidden;
    width: 162px;
}
#marquee dl dt a {
    display: inline;
    float: left;
    line-height: 20px;
}
#marquee dl dt a:hover .di {
    border: 1px solid #ffc001;
}

#news_list ul li {
   
    display: block;
		background: #fff;
		padding: 16px;
		margin-bottom: 24px;
 
   
}
#news_list ul li h2 {
    height: 40px;
    overflow: hidden;
}
#news_list ul li h2 a {
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin-bottom: 2px;
    overflow: hidden;
		font-family:'微软雅黑','幼圆';
		font-weight: normal;
}
#news_list ul li h2 label {
    color: #AEAEAE;
    display: inline;
    float: right;
    font-size: 14px;
    font-weight: 100;
    text-align: right;
    width: 180px;
}
#news_list ul li h2 label a {
    float: right;
    margin-top: 5px;
}

#news_list ul li p {
    color: #878787;
    font-size: 14px;
    line-height: 20px;
}

#pagelist {
    font-size: 12px;
    padding: 20px;
    text-align: center;
}
#pagelist a, span.page_index, span.page_prev, #pagelist span.active, span.page_end, span.page_next, #pagelist span {
    cursor: pointer;
    font-size: 12px;
    padding: 5px 8px;
}
#pagelist a.on {
}
#pagelist span.active {
    background-color: #01aef0;
    color: #FFFFFF;
}
#pagelist a:hover, #pagelist span:hover {
    background-color: #01aef0;
    color: #FFFFFF;
}

#righta{ float:left; width:700px;}
#lefta{ float:left; width:270px; margin:10px 0 0 10px;}
.sidebara{ background: url("/images/rightbar.jpg") no-repeat scroll left top;}
/*.sidebara .lxwmtit{ background:url(/images/tit_lxwm.png) no-repeat left 8px; text-indent:24px;}*/

.pt_wdiv { width: 1100px; margin: 0px auto; background: #fff;}

.probar_left { width: 70%; float: left; background: #fff; padding-bottom: 32px;}

#tagContent { text-align: center;}
#tagContent h1 { font: 16px/40px "微软雅黑"; font-weight: normal;}

.details { width: 96%; margin: 0px auto; padding-top: 48px;}
.details h2 { border-bottom: 1px solid #e4eaec; height: 30px; font-size: 16px; text-indent: 1em;}
.details i { width: 94px; background: #c4261d; height: 3px; display: block; margin-top: -2px;}

.probar {
	  width: 100%;
    
}


.probar_right {
    width: 26%;
		float: right;
		background: #fff;
		padding: 26px;
		box-sizing: border-box;
}



.heat_text  { font-size: 16px;}



.probar_right li {
    border: 0 none;
		width: 100%;
}

.probar_right li img { width: 100%;}
.probar_right li h2 { width: 100%; line-height: 40px; font-size: 14px; font-family: " 微软雅黑"; text-align: center;}
.probar_right li i { width: 100%; height: 1px; background: #eee; display: block;}
.probar_right li em { width: 0px; height: 1px;}
.probar_right li:hover em { background: #c4261d; -webkit-transition: all .8s ease-out;transition: all .8s ease-out;float: left; width: 100%;}

.probar_right li h1, .probar_right li h3 {
    border-bottom: 1px dashed #EEEEEE;
}
.tagContent_ {
    border: 1px solid #EEEEEE;
    height: 400px;
    overflow: hidden;
    text-align: center;
    width: 400px;
}
#thumb {
    float: left;
    overflow: hidden;
    width: 402px;
}
#thumb li {
    border: 1px solid #EEEEEE;
    display: inline;
    float: left;
    height: 70px;
    margin: 10px 4px;
    overflow: hidden;
    text-align: center;
    width: 70px;
}
#thumb li:hover {
    border: 1px solid #EEEEEE;
}
#thumb li img {
}
#thumb li A {
    float: left;
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: 70px;
}
#thumb li.emptyTag {
}
#thumb li.selectTag {
    position: relative;
}
#thumb li.selectTag A {
}
.big {
    background: url("/images/big.jpg") no-repeat scroll left center;
    float: left;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding-left: 20px;
}
#show {
    border: 1px solid #EEEEEE;
    height: 400px;
    left: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 400px;
}
#show_mark {
    background-color: #000000;
    border: 1px solid #999999;
    cursor: crosshair;
    display: none;
    height: 400px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 400px;
}
#zoom {
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    display: none;
    float: left;
    height: 400px;
    left: 412px;
    line-height: 400px;
    margin-top: -402px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 300px;
    z-index: 1000;
}
#zoom img {
    margin: 0 auto;
    position: absolute;
}
.probar_right ul {
    padding: 0 0 0 15px;
}
.probar_right ul li {
    padding: 0 0 0 10px;
}
.probar_right ul li h1, .probar_right ul li h3 {
    color: #000;
    font-size: 12px;
    line-height: 30px;
    text-align: left;
}
.inp, .textarea {
    border: 1px solid #EEEEEE;
    color: #686868;
    font-family: "宋体";
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    margin: 5px 0 0;
    overflow: hidden;
    padding: 0 5px 0 7px;
    width: 247px;
}
.inp {
    height: 24px;
}
.textarea {
    height: 90px;
}

.sub {
    background: url("/images/zixun.gif") no-repeat scroll left center;
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 23px;
    width: 61px;
}
.prew, .nextw {
    background: url("/images/ui_pre_info.gif") no-repeat scroll left 6px;
    color: #878787;
    float: left;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    padding-left: 15px;
    text-align: left;
    width: 46%;
}
.nextw {
    background: url("/images/ui_next_info.gif") no-repeat scroll right 6px;
    float: right;
    padding-right: 15px;
    text-align: right;
}
.prew a, .nextw a {
    color: #878787;
		font-size: 14px;
}
.prew a:hover, .nextw a:hover, .about .time a:hover {
    color: #c4261d;}

#plun {
    border: 1px solid #EEEEEE;
    font-size: 12px;
    margin: 20px 0 0 5px;
    padding: 10px;
    width: 686px;
}
#plun h5 {
    display: block;
    padding: 0 10px 10px;
}
#plun h5 span {
    color: #6B6B6B;
    float: right;
}
#plun h5 label {
    background: url("/images/plun.gif") no-repeat scroll left center;
    color: #267CC8;
    padding-left: 15px;
}
#plun .pl {
    margin: 10px 0 0;
}
#plun .pl .text {
    border: 1px solid #EEEEEE;
    color: #666666;
    display: block;
    font-family: "宋体",Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 80px;
    line-height: 18px;
    width: 682px;
}
#plun .pl li {
    float: left;
    margin: 10px 0 0;
    text-align: left;
    width: 100%;
}
.plun_inp {
    background: url("/images/plun1.gif") no-repeat scroll left top;
    border: 0 none;
    height: 22px;
    margin-right: 10px;
    padding: 0;
    width: 66px;
}
.emiall {
    border: 1px solid #EEEEEE;
    float: left;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    padding: 0 10px 0 0;
}
.em1 {
    color: #666666;
    margin: 0 7px;
}
#plun .pl li em {
    float: left;
    height: 22px;
    margin: 0 10px;
    width: 60px;
}
#plun .ly {
    padding: 5px 0;
}
#plun .ly li {
    border-bottom: 1px dashed #CFD3D6;
    clear: both;
    margin: 10px 0 0;
    padding: 0 5px 5px;
}
#plun .ly li label {
    background: url("/images/arrow.gif") no-repeat scroll 2px center;
    color: #267CC8;
    padding: 0 0 0 15px;
}


#guest {
    color: #545454;
    line-height: 22px;
    width: 638px;
	font-size:12px;
}
.input_on {
    background-color: #FFFFCC;
    background-image: none;
    border: 1px solid #999999;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_off {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_move {
    background-color: #FFFFCC;
    background-image: none;
    border: 1px solid #0088CD;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_out {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_out1 {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    font-size: 12px;
    height: 70px;
    margin: 0;
    padding: 2px 8px 0 3px;
    resize: none;
    width: 350px;
}
.input_out2 {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
    width: 80px;
}
#guest .input_test {
    height: 400px;
    list-style-type: none;
    margin: 20px auto 0;
    padding-bottom: 10px;
    width: 500px;
}
#guest ul.input_test .hr {
    display: block;
    float: left;
    line-height: 27px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#guest ul.input_test li {
    background-image: none;
    display: inline;
    float: left;
    height: 25px;
    margin-bottom: 10px;
    width: 500px;
}
#guest .input_test label {
    background-image: none;
    float: left;
    font-size: 12px;
    line-height: 25px;
    margin: 0;
    padding: 0;
    text-align: right;
}
#guest .input_test span {
    background-image: none;
    color: #999999;
    float: left;
    font-size: 12px;
    line-height: 25px;
    margin-left: 0;
    padding-left: 10px;
    text-align: left;
}
#guest .input_test .red {
    color: #FF0000;
    float: none;
}
#sub_btn, #sub_reset {
    height: 24px;
    line-height: 24px;
    margin-right: 10px;
    width: 50px;
}
#sub_btn:hover, #sub_reset:hover {
    height: 24px;
    line-height: 24px;
    width: 50px;
}
.inp_kg {
    overflow: hidden;
    width: 50px;
}
#submit, #sub_reset {
    cursor: pointer;
    height: 24px;
}
#guest #submit{ width:50px;}

#search ul li{ float:left; width:100%; height:162; margin:10px 0;}
#search ul li div{ float:left; width:160px; height:160px; overflow:hidden; border:1px solid #d7d7d7;}
#search ul li dl{ float:left; width:500px; padding:0 12px 0 11px; height:162px; line-height:26px; }
#search ul li dl h2 a{ font-size:14px; font-weight:bold;}




/*----------------------------------------------------------------------------- 幻灯片设置  --------------------------------------------------*/
.topindex-maxpic{width:100%; max-height:780px!important; border-top:solid 1px #fff;margin:0px auto; }
.fullSlide {
	width:100%;
	position:relative;
	height:780px; 
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:780px;
	overflow:hidden;
	text-align:center;
}
.fullSlide .bd li a {
	display:block;
	height:780px;
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0px;
	left:0;
	height:34px;
	line-height:34px;
}
.fullSlide .hd ul {
	text-align:center;
	width:100%;
	margin:0px auto;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:15px;
	height:15px;
	margin:1px;
	border:solid 2px #fff;
	margin-right:5px;
	border-radius:11px;
	overflow:hidden;
	background:#000;
	filter:alpha(opacity=50);
	opacity:0.5;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background:#fc9905;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:5%;
	z-index:1;
	width:40px;
	height:60px;
	background:url(images/slider-arrow.png) -126px -137px #000 no-repeat;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:5%;
	background-position:-6px -137px;
}

/*----------------------------------------------------------------------------- 幻灯片设置  --------------------------------------------------*/
.leftLoop{position:relative; } 
.leftLoop .hd{  height:100%; } 
.leftLoop .hd .prev,.leftLoop .hd .next{ display:block; float:right;  overflow:hidden; height:100%; width:29px; cursor:pointer; position:absolute; padding-top:80px;}  
.leftLoop .hd .prev{ left:-20px;}
.leftLoop .hd .next{right:-20px;} 

.leftLoop .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  } 
.leftLoop .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer; 
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(../PIE.htc);} 
.leftLoop .hd ul li.on{ background:#f00;  } 
.leftLoop .bd{ padding:10px; height:100%; position:absolute; top:0px;} 
.leftLoop .bd ul{ overflow:hidden; zoom:1; } 
.leftLoop .bd ul li{ margin:0 10px; text-align:center; float:left; _display:inline; } 

.cproducts3{width:100%; height:398px; margin:0px auto; padding:0px auto;  text-align:left;position:relative;  }
.cproducts3 ul{ width:100%; height:100%;}
.cproducts3 ul li{ float:left;width:251px; height:100%;text-align:center; margin-right:10px; overflow:hidden;} 
.cproducts3 ul li div {width:100%; height:100%; background-image:url(chejianbk.png); background-repeat:no-repeat; background-position:top center; margin:0px auto; padding:0px; overflow:hidden;  margin-top:5px; border:0px;}
.cproducts3 ul li:hover div{ border:0px;} 
.cproducts3 ul li div span{width:234px; height:180px; display:block; text-align:center; vertical-align:middle;overflow:hidden;  margin:0px auto; padding:0px auto;border:solid 1px #ddd; margin-top:5px;  }
.cproducts3 ul li .smallpic{width:234px; max-height:180px;display:table-cell; } 
.cproducts3 ul li  .ctitle{ line-height:30px; margin-top:10px; display:block; width:100%; height:30px; text-align:center;font-family:"微软雅黑"; font-size:14px;}

div.page {height:30px; line-height:30px; width:100%; text-align:left;color: #ff0000; padding-top:20px;}
div.page span {padding:6px 8px; background-color:#000; color:#fff; border:solid 1px #08a9c4; font-size: 14px;}
div.page a{ color:#444444; border:1px solid #e5e5e4;padding:6px; margin:0 2px; text-decoration:none; background-color:#fff; font-family:"微软雅黑"; font-size: 14px;}
div.page a:hover {color:#fff; background-color:#000; }




.ico_address,.ico_telephone,.ico_email,.ico_siteurl{ display:block; width:25px; height:25px;background-repeat:no-repeat; background-image:url(bottomfb.jpg); overflow:hidden; float:left;}
.ico_address{ background-position:0px 0px;}
.ico_telephone{ background-position:0px -28px;}
.ico_email{ background-position:0px -56px; height:23px; }
.ico_siteurl{ background-position:0px -87px;} 


.adcls{width:100%; height:244px; background-image:url(texie-1.jpg); background-repeat:no-repeat; background-position:center top; text-align:center; overflow:hidden;}
.adcls2 .adtext i,.adcls3 .adtext i,.adcls4 .adtext i{ display:block; height:83px; width:83px; float:left; margin-right:10px; }
.adcls2{width:100%; height:455px; background-image:url(texie-2.jpg); background-position:top center; background-repeat:no-repeat; position:relative; overflow:hidden;}
.adcls2 .adtext{ float:right; width:535px; height:100%; text-align:left; padding-top:75px;}
.adcls2 .adtext h4{ height:40px; color:#cc0000; font-size:32px; font-family:'微软雅黑'; font-weight:bold;}
.adcls2 .adtext .englishspan{font-size:18px; font-family:'微软雅黑'; color:#d5d2d2; font-weight:bold; text-transform:uppercase;}
.adcls2 ul{ width:100%; margin-top:20px;}
.adcls2 ul li{ width:100%; min-height:25px; max-height:50px; margin-bottom:8px; text-indent:15px; background-image:url(li_1.png); background-position:left 8px; background-repeat:no-repeat; font-size:16px; font-family:'微软雅黑'; margin-bottom:10px; line-height:25px;}
.adcls2 ul li strong{ color:#cc0000;}

.adcls3{width:100%; height:409px; background-image:url(texie-3.jpg); background-position:top center; background-repeat:no-repeat; position:relative; overflow:hidden;}
.adcls3 .adtext{ float:left; width:450px; height:100%; text-align:left; padding-top:75px; margin-left:155px;}
.adcls3 .adtext h4{ height:40px; color:#cc0000; font-size:32px; font-family:'微软雅黑'; font-weight:bold;}
.adcls3 .adtext .englishspan{font-size:18px; font-family:'微软雅黑'; color:#d5d2d2; font-weight:bold; text-transform:uppercase;}
.adcls3 ul{ width:100%; margin-top:15px;}
.adcls3 ul li{ width:100%; min-height:25px; max-height:50px; margin-bottom:8px; text-indent:15px; background-image:url(li_1.png); background-position:left 8px; background-repeat:no-repeat; font-size:16px; font-family:'微软雅黑'; margin-bottom:10px; line-height:25px;}
.adcls3 ul li strong{ color:#cc0000;}


.adcls4{width:100%; height:407px; background-image:url(texie-4.jpg); background-position:top center; background-repeat:no-repeat; position:relative; overflow:hidden;}

.adcls4 .adtext{ float:right; width:535px; height:100%; text-align:left; padding-top:75px;}
.adcls4 .adtext h4{ height:40px; color:#cc0000; font-size:32px; font-family:'微软雅黑'; font-weight:bold;}
.adcls4 .adtext .englishspan{font-size:18px; font-family:'微软雅黑'; color:#d5d2d2; font-weight:bold; text-transform:uppercase;}
.adcls4 ul{ width:100%; margin-top:20px;}
.adcls4 ul li{ width:100%; min-height:25px; max-height:50px; margin-bottom:8px; text-indent:15px; background-image:url(li_1.png); background-position:left 8px; background-repeat:no-repeat; font-size:16px; font-family:'微软雅黑'; margin-bottom:10px; line-height:25px;}
.adcls4 ul li strong{ color:#cc0000;} 
} 



/*
    Colorbox Core Style:----------------------------------------------------------------------------对话框  css
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#06C;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; top:40%; left:10; background:url(left.png) ; width:23px; height:43px; text-indent:-9999px;} 
        #cboxNext{position:absolute; top:40%; right:10px; background:url(right.png) ; width:23px; height:43px; text-indent:-9999px;} 
        #cboxClose{position:absolute; bottom:0; right:0; background:url(controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}


.area { padding:72px 0px ; margin: 0px auto;}
.area_text { width: 100%; background: url(text_bk.png) no-repeat; height: 24px; line-height:24px; font-size: 24px; color: #1d1e1e; text-align: center; margin-bottom: 40px; }
.tabBox { width: 254px; height: 292px; margin-right:28px;}
.tabBox img { width: 254px; height: 292px;}
.bd ul li p{ height:40px; line-height:40px; position:absolute; text-align: center; bottom: 0px; width: 254px; font-family:"微软雅黑"; font-size:16px; color: #fff; background: #003888;}	
.bd ul li:hover p{height: 64px;line-height:64px;transition: all ease-out .3s 0s;-webkit-transition: all ease-out .3s 0s;-moz-transition: all ease-out .3s 0s;-o-transition: all ease-out .3s 0s;}
.servicel { text-align: center; margin-top:50px ;}
.servicel a { margin: 0px 15px;}

.wdiv1128 { width: 1128px; margin: 0px auto;}
.wdiv1140 { width:1140px; margin: 0px auto;}
.product { width: 100%; margin: 0px auto; background: url(cp_bk.jpg) center no-repeat; padding: 50px 0px; height: 865px; box-sizing: border-box; }
.product_text { width: 100%; text-align: center; color: #fff; font-size: 24px; margin-bottom: 40px;}
.product_column { width: 100%; margin: 0px auto; text-align: center; margin-bottom: 50px;}
.product_column li {  background: #fff;  margin: 0px 8px; display: inline-block; }
.product_column li a { color: #003888; padding: 10px; font-size: 16px; display: block; font-family:"微软雅黑";} 

.product_img { width: 100%; margin: 0px auto;}
.product_img li { width: 254px; height: 294px; float: left; margin: 0px 14px 28px 14px;}
.product_img img { width: 254px; height: 254px;}
.product_img h2 { height: 40px; text-align: center; line-height: 40px; color: #fff; font-size: 16px;}


.about { width: 100%; height: 526px; padding: 72px 0px; }
.about_text { width: 536px; float: left; }
.aboutusDiv01 { width: 100%; padding: 20px 8px 30px 8px; font-size: 14px; color: #333; line-height: 24px; box-sizing: border-box;}
.aboutusDiv01 a {font-size: 14px; color: #333;}
.about_more  { display: block; background: #eee; color: #333; text-align: center; width: 118px; height: 45px; line-height: 45px; font-size: 14px; font-family: "微软雅黑";}
.about_more:hover  { background: #003888; filter: Alpha(opacity=80);transition: all 0.5s; color: #fff;}

.about_right { width: 564px; float: right;}
.about_right section { width: 100%; height: 230px; background: #003888; padding-top: 56px; box-sizing: border-box;}
.count { width: 33.3%; float: left; text-align:center;}
.count h2 { font-size: 56px; color: #fff; font-family: "arial, helvetica, sans-serif"; font-weight: normal; }
.count span { font-size: 14px; margin-left: 14px;}
.count p {  font-size: 14px; color: #fff; margin-top: 16px;}

.honor { width: 100%;float: right; height: 232px; background: #eeeeee; }
.honor_text { width: 282px;float: right; text-align: left; padding-left: 72px; box-sizing: border-box; line-height:28px;}
.honor_text h2 { width: 100%;font-size: 24px; margin:32px 0px;  line-height:28px;}
.honor_text p { font-size: 18px; color: #333; text-transform: uppercase;}
.honor_text a { display: block; background: #fff; width: 90px; height: 34px; color: #333; font-size: 14px; text-align: center; line-height: 34px; margin-top: 32px;} 

.honor_text a:hover  { background: #003888; filter: Alpha(opacity=80);transition: all 0.5s; color: #fff;}


.reason { width: 100%; margin: 0px auto; background: url(reason_img.jpg) center no-repeat; height: 724px; padding-top:50px; box-sizing: border-box;}
.reason_text { text-align: center; font-size: 24px; color:#1e7edb; line-height: 24px; font-weight: bold; margin-bottom: 56px; }
.reason .tel { width: 212px; height: 42px; border: 1px solid #fff; box-sizing: border-box; margin: 0px auto; margin-top: 40px; line-height: 42px;}
.reason .tel p { color: #fff; font-size: 18px; font-weight: bold; background: url(tel_ioc.png) left no-repeat; text-indent: 26px; margin-left: 18px;}

.new { padding:72px 0px ; margin: 0px auto;}
.new_cot { width: 100%; margin: 0px auto; float: left; margin-bottom: 72px; }
.new_cot li { width: 340px; float: left; margin: 0px 20px;}
.new_cot img { width: 340px; height: 142px; overflow: hidden;}
.new_cot h2 { line-height: 24px; padding: 14px 0px; border-bottom: 1px solid #eee; font-size: 16px; filter: Alpha(opacity=80);transition: all 0.5s; }
.new_cot span { width: 0px; height: 1px;  display: block; transition: all ease-out .5s 0s;-webkit-transition: all ease-out .5s 0s;-moz-transition: all ease-out .5s 0s;-o-transition: all ease-out .5s 0s;} 
.new_cot h2 i { width: 3px; height: 24px; display: block; background: #eee; float: left; margin-right: 10px;}
.new_cot p { font-size: 14px; color: #b6b8be; line-height: 24px; margin-top: 12px;}
.new_cot li:hover i { background: #003888;}
.new_cot li:hover span { background: #003888; width: 100%;}